<!-- eslint-disable vue/multi-word-component-names -->
<template>
   <div class="demo">
     <h2 >学生姓名:{{ name }}</h2>
     <h2 class="atguigu">学生性别:{{ sex }}</h2>
   </div>
</template>

<script>
  export default { 
    data(){
      return {
        name:"哇咔咔",
        sex:'男'
        
      }
    },
    
  };
</script>
<style lang="less" scoped>
.demo{
  background-color: orange;
  .atguigu{
    font-size: 50px;
  }
}
</style>
